@charset 'utf-8';

.search-box{
    transform: translateX(-100%);
    transition: all 0.3s;
    position: absolute;
    top: 0;
    background-color: #f1f1f1;
    height: 100%;
    width: 100%;
    z-index: 99999;
    overflow: auto;
    .input-bar{
        width:100%;
        height: 2.1rem;
        display: flex;
        justify-content: space-around;
        box-sizing: border-box;
        padding: 0.48rem 0.35rem 0.35rem;
        background-color: #1e1e1e;
        align-items: center;

        img{
            width: 1.27rem;
            height: 1.27rem;
        }
        .input-con{
            display: flex;
            position: relative;
            height: 100%;
            input{
                width: 13.43rem;
                height:98%;
                line-height: 98%;
                background-color: transparent;
                text-indent: 1.8rem;
                outline: none;
                border: 0.05rem solid #fff;
                border-radius: 0.5rem /0.65rem;
                color: #fff;
                font-size: 0.7rem;
                // box-sizing: border-box;
                // padding: 0.2rem 0;
            }
            img{
                position: absolute;
                width: 0.68rem;
                height: 0.68rem;
                top: 50%;
                left: 0.25rem;
                transform: translateY(-50%);
            }
        }
    }
    .search-tips{
        box-sizing: border-box;
        padding: 0.83rem 0.75rem 0;
        .title{
            font-size: 0.67rem;
            // color: ;
        }
        .item-box{
            display: flex;
            flex-wrap: wrap;
            color: #8b8b8b;
            .items{
                box-sizing: border-box;
                padding:0.3rem 0.38rem ;
                // width: 3.83rem;
                border: 1px solid #e1e1e1;
                // height: 2.03rem;
                font-size: 0.73rem;
                margin-right: 0.2rem;
                margin-top: 0.2rem;
                text-align: center;
                // line-height:2.03rem;
            }
        }
    }
}